/**** General Style ****/
/*
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
*/

/* MAIN CONTAINER */
html, body {
        padding: 0;
        margin: 0;
      }

      #container {
        width:100vw;
        height:100vh;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 45% 10% 45%;
        -ms-grid-rows: 50px 30px 45% 45%;
        grid-template-columns: 45% 10% 45%;
        grid-template-rows: 50px 30px auto 45%;
        grid-template-areas:
          "blockly     a menubar"
          "blockly     a title"
          "blockly     a website"
          "blockly     a code";
		  
      }

      #blocklyArea  {grid-area: blockly; -ms-grid-row:1;-ms-grid-column:1; -ms-grid-row-span:4;}
      #menubar      {background: #a9d0f7; grid-area: menubar; font-family: sans-serif; font-size: 18px; padding: 5px 10px; display: -ms-grid; display: grid; grid-template-columns: auto 36% auto; -ms-grid-row:1;-ms-grid-column:3; -ms-grid-columns: 32% 36% 32%; }
      #title        {grid-area: title; width: 100%; background-color: #444; color:white; text-align:center; font-size: 20px; font-family: sans-serif; padding-top: 5px; -ms-grid-row:2;-ms-grid-column:3;}
      #websiteFrame {grid-area: website; border: 5px solid #444;  -ms-grid-row:3;-ms-grid-column:3;}
      #sourcecode   {grid-area: code; border: 5px solid lightgray;overflow: scroll; margin:0px;  -ms-grid-row:4;-ms-grid-column:3;}

      #website {width: calc(100% - 5px);height: calc(100% - 5px);}

	  #modelArea {grid-area: a; background-color: LightSkyBlue; -ms-grid-row:1;-ms-grid-column:2;}

      /* Edge hack, God I hate this browser */
      _:-ms-lang(x),
      #container {
        width:98vw;
      }
	  /*
	html, body{
		font-family: 'Open Sans', sans-serif;
		height: 100%;
		background: #000000;
		overflow: hidden;
		margin:0;
		padding:0;
	}
	*/
#modeldiv { 
 }

#modellist { 
  list-style-type:circle;
 }
 
 #filedrag
{
	display: none;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
	color: #555;
	border: 2px dashed #555;
	border-radius: 7px;
	cursor: default;
}

#filedrag.hover
{
	color: #f00;
	border-color: #f00;
	border-style: solid;
	box-shadow: inset 0 3px 4px #888;
}
.titleSidebarTop{
	background: #09B6F1;
}

